
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>运单表</title>
    <%-- 静态包含 base标签、css样式、jQuery文件 --%>
    <%@ include file="/page/common/header.jsp" %>
    <script type="text/javascript">
        $(function () {
            // 给删除的a标签绑定单击事件，用于删除的确认提示操作
            $("a.deleteClass1").click(function () {
                // 在事件的function函数中，有一个this对象。这个this对象，是当前正在响应事件的dom对象。
                /**
                 * confirm是确认提示框函数
                 * 参数是它的提示内容
                 * 它有两个按钮，一个确认，一个是取消。
                 * 返回true表示点击了，确认，返回false表示点击取消。
                 */
                return confirm("你确定要删除运单:ID=【" + $(this).parent().parent().find("td:first-child").text()
                     + "】?");
                // return false// 阻止元素的默认行为===不提交请求
            });
        });
    </script>
</head>
<body>
    <div id="container">
        <div id="table">

            <table class="right">
                <tr>
                    <th>订单ID</th>
                    <th>用户ID</th>
                    <th>订单状态</th>
                    <th>金额</th>
                    <th>起始地</th>
                    <th>目的地</th>
                    <th>发货时间</th>
                    <th>预计到达时间</th>
                    <th>操作</th>
                </tr>
                <c:forEach items="${requestScope.orders}" var="orders">
                    <tr>
                        <td>${orders.id}</td>
                        <td>${orders.userid}</td>
                        <td>${orders.orderstate}</td>
                        <td>${orders.money}</td>
                        <td>${orders.start_address}</td>
                        <td>${orders.end_address}</td>
                        <td>${orders.time_delivery}</td>
                        <td>${orders.time_guess}</td>
                        <td><a href="client/orderServlet?action=getOrder&id=${orders.id}">修改 </a>
                            <a class="deleteClass1" href="client/orderServlet?action=delete&id=${orders.id}"> 删除</a></td>
                    </tr>
                </c:forEach>

                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td><a href="page/edit/order_edit.jsp">添加运单</a></td>
                </tr>

            </table>
        </div>

    </div>
    <%--静态包含页脚内容--%>
    <%@include file="/page/common/footer.jsp" %>
</body>
</html>
